<template>
  <div class="AccountSettings">
    <div class="main">
      <!-- <router-link to="router.go(-1)"> -->
      <i class="iconfont icon-guanbi" @click="back"></i>
      <!-- </router-link> -->
      <div class="title">账号设置</div>
      <p>请选择想要进行的操作</p>
      <div class="item" @click="switchCcount">切换账号</div>
      <!-- <div class="item">退出平台</div> -->
    </div>
  </div>
</template>
<script>
export default {
  name: "AccountSettings",
  methods: {
    switchCcount() {
      localStorage.removeItem("zyUserData");
      localStorage.removeItem("zyLoginToken");
      localStorage.removeItem("zyToken");
      localStorage.removeItem("zyUserId");
      localStorage.removeItem("zyGameID");
      localStorage.removeItem("zyPassword");
      // localStorage.removeItem("guid");
      localStorage.removeItem("zyDownloadAppIsShow");
      this.$router.push("/login");
    },
    back() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="stylus" scoped>
.AccountSettings {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: relative;

  .main {
    width: 7.04rem;
    // height: 6.94rem;
    background: #FFF;
    border-radius: 0.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;

    .iconfont {
      position: absolute;
      left: 15px;
      top: 20px;
      font-size: 20px;
    }

    .title {
      width: 6.63rem;
      line-height: 1.11rem;
      font-size: 16px;
      border-bottom: 1px solid #898989;
      margin: 0 auto;
    }

    p {
      color: #898989;
      font-size: 20px;
      margin: 20px auto 50px auto;
    }

    .item {
      width: 5.79rem;
      height: 1.01rem;
      line-height: 1.01rem;
      background: linear-gradient(166deg, rgba(255, 99, 44, 1), rgba(255, 133, 44, 1));
      border-radius: 0.1rem;
      margin: 0 auto;
      margin-bottom: 40px;
      color: #fff;
      font-size: 20px;
    }
  }
}
</style>

